<div class="path">
    <i class="iconfont icon-shouye1"></i>
    <a href="{url('admin/default/welcome')}">开始</a> / 
    <a href="javascript:void(0);">收件入库</a>
</div>
<form id="form" action="{url('counts/index')}" method="post">
<div class="table-search fn-clear">
<ul>
<li>
    <span class="fn-tar">IMEI号:</span>
    <span class="sinput"><input class="input" type="text" name="imei" value="{$imei}" /></span>
</li>
<li>
    <span class="fn-tar">门店号:</span>
    <span class="sinput">
<select class="select" name="supplier_id">
    <option value="" selected="selected"></option>
{loop $supplier_lists $vo} 
    <option value="{$vo['id']}" {if $supplier_id ==$vo['id']} selected="selected"{/if}>{$vo['name']}</option>
{/loop}
</select>
    </span>
</li>
<li>
    <span class="fn-tar">跟踪号:</span>
    <span class="sinput"><input class="input" type="text" name="number" value="{$number}" /></span>
</li>
<li>
    <span class="fn-tar">快递单号:</span>
    <span class="sinput"><input class="input" type="text" name="ems_sn" value="{$ems_sn}" /></span>
</li>
<li>
    <span class="fn-tar">邮寄时间起:</span>
    <span class="sinput"><input class="input ui-time" type="text" name="ems_start_time" value="{$ems_start_time}" /></span>
</li>
<li>
    <span class="fn-tar">邮寄时间止:</span>
    <span class="sinput"><input class="input ui-time" type="text" name="ems_end_time" value="{$ems_end_time}" /></span>
</li>
<li><input type="submit" value="开始查找手机" class="button button-green submit" /></li>
</ul>
</div>
</form>
<div class="m10">
    <?php
        //$a = intval($counts[0]);
        //$b = intval($counts[1]);
        //$b_i = round(($b/$a)*100);
        //$c = intval($counts[2]);
        //$c_i = round(($c/$a)*100);
        //$d = intval($counts[3]);
        //$d_i = round(($d/$a)*100);
        //$e = intval($counts[4]);
        //$e_i = round(($e/$a)*100);
    ?>
<table class="table table-border">
    <tr>
        <th class="fn-tac w100">项目</th>
        <th class="fn-tac w60">数量</th>
        <th>百分比</td>
        <th class="fn-tac w40"></td>
    </tr>
    <tr>
        <td class="fn-tac w100">换新总数</td>
        <td class="fn-tac w60">{$a}</td>
        <td>
            <div class="graph"><span class="color0" style="width:100%">&nbsp;</span></div>
        </td>
        <td class="fn-tac">100%</td>
    </tr>
    <tr>
        <td class="fn-tac w100">新录入</td>
        <td class="fn-tac w60">{$b}</td>
        <td>
            <div class="graph"><span class="color1" style="width:{$b_i}%;">&nbsp;</span></div>
        </td>
        <td class="fn-tac">{$b_i}%</td>
    </tr>
    <tr>
        <td class="fn-tac w100">已换新</td>
        <td class="fn-tac w60">{$c}</td>
        <td>
            <div class="graph"><span class="color2" style="width:{$c_i}%;">&nbsp;</span></div>
        </td>
        <td class="fn-tac">{$c_i}%</td>
    </tr>
    <tr>
        <td class="fn-tac w100">已入库</td>
        <td class="fn-tac w60">{$d}</td>
        <td>
            <div class="graph"><span class="color3" style="width:{$d_i}%;">&nbsp;</span></div>
        </td>
        <td class="fn-tac">{$d_i}%</td>
    </tr>
    <tr>
        <td class="fn-tac w100">故障确认</td>
        <td class="fn-tac w60">{$e}</td>
        <td>
            <div class="graph"><span class="color4" style="width:{$e_i}%;">&nbsp;</span></div>
        </td>
        <td class="fn-tac">{$e_i}%</td>
    </tr>
</tbody>
</div>
<style type="text/css">
.graph{
    position:relative;
    font-size:13px;
    width:100%;
}
.color0,.color1, .color2, .color3, .color4, .color5{
    position:relative;
    text-align:left;
    color:#ffffff;
    height:18px;
    line-height:18px;
    font-family:Arial;
    display:block;
}
.graph .color0{background-color:#FF0000;}
.graph .color1{background-color:#669999;}
.graph .color2{background-color:#6699FF;}
.graph .color3{background-color:#FF9900;}
.graph .color4{background-color:#FF3333;}
.graph .color5{background-color:#990000;}
</style>

